import type { RouteRecordRaw } from 'vue-router';

import Layout from '@/layouts/index.vue';

export const directivesRoutes: RouteRecordRaw[] = [
  {
    path: '/directives',
    name: 'DirectivesRoot',
    component: Layout,
    redirect: '/directives/copy/index',
    meta: {
      icon: 'Tickets',
      title: '指令',
      authCodes: [],
      visible: true,
    },
    children: [
      {
        path: '/directives/copy/index',
        name: 'DirectivesCopyIndex',
        component: () => import('@/views/directives/copy/index.vue'),
        meta: {
          title: 'v-copy',
        },
      },
      {
        path: '/directive/animate-css/index',
        name: 'DirectiveAnimateCssIndex',
        component: () => import('@/views/directives/animate-css/index.vue'),
        meta: {
          title: 'v-animate',
        },
      }
    ],
  }
];
